﻿@import "../../LiberUI/Style/Default/_Theme.scss";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#slcSettingTarget{
    font-size:1.6rem;
    margin-bottom:1rem;
    &>a{
        &.active{
            color:$ClrImportant;
        }
    }
}

.ib_naviItem {
    padding: 0.5rem;
    border:1px solid lighten($ClrTheme,40);
    height:7rem;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    & > span{
        font-size:1rem;
         font-weight:900;
    }
   
    &>p{
        color:lighten($ClrThemeTxt,20);
    }
    &:hover{
        background-color:lighten($ClrTheme,40);
        border:1px solid lighten($ClrTheme,40) !important;
        box-shadow:2px 2px 5px 5px lighten($ClrTheme,40);
        transition:all ease-out 0.3s;
    }
   
        &.ni_title{
            border-right:none !important;
            padding:0 1rem;
        }
        &.ni_flag{
            width:3rem;
            &>i{
               @include soicon(gray,1.6rem);
               @extend .icon-add;
            }
      
    }
    & > .ni_flag {
        position:absolute;
        bottom:5px;
        right:0;
            & > i {
                @include soicon($ClrThemeTxt,1.6rem);
                @extend .icon-removecircleoutline;
            }
    }
    &.slcted {
        border:1px solid lighten($ClrOk,10);
        & > .ni_flag {
            & > i {
                @include soicon($ClrOk,1.6rem);
                @extend .icon-done;
            }
        }
    }
}

#pnlWidgetSetting{
    display:none;
}

#btnSaveQuickNavi{
    margin-top:1rem;
    padding:0 1rem;
    float:right;
}

.WidgetBlock{
    padding:0.5rem 0.5rem 0.5rem 0;
    &>.widgetItem{
        @include block();
        position:relative;
        height:8rem;
        overflow:hidden;
        padding: 1rem;
        cursor:pointer;
        & > .ni_flag {
        position:absolute;
        bottom:5px;
        right:0;       
            & > i {
                    @include soicon($ClrThemeTxt,1.6rem);
                    @extend .icon-removecircleoutline;
            }
        }
        &> span{
             font-size:1rem;
             font-weight:900;
          }
        & >p{
                color: #b3b3b3;
        }
        &.slcted {
            border:1px solid lighten($ClrOk,10);
            & > .ni_flag {
                & > i {
                    @include soicon($ClrOk,1.6rem);
                    @extend .icon-done;
                }
            }
        }
    }
}
.switch_outboard{
  width: 4.2rem;
    height: 2rem;
    margin: 1px;
    float: right;
    padding-top: 0.15rem;
    padding-left: 0.1rem;
    box-shadow: 1px 1px 0.3rem inset;
}
.switch_inside{
    width: 2rem;
    height: 1.7rem;
    background: white;
   
}
.switch_right{
  margin-left:2rem;
}
.switch_green{
 background-color:$ClrOk;
}
.switch_gray{
    background-color:gainsboro;
}
